<template>
    <div class="common" > 
        <n1></n1>
        <n2 v-if="head.toggle" :title="head.title" :ystyle="head.style"></n2>
        <n3 v-else></n3>
        <!-- <bottom></bottom> -->
        <!-- <div>{{head.title}}1213</div> -->
    </div>
</template>
<script>
import n1 from "./n1.vue"
import n2 from "./n2.vue"
import n3 from "./n3.vue"
// import bottom from "./bottom.vue"
import {mapGetters}  from "vuex"
export default {
    computed: {
        ...mapGetters(['head',])
    },
    mounted () {
        console.log(this.head.style)
    },
    components: {
    n1,
    n2,
    n3  
    }
}
</script>

